iT邦幫忙

2022 iThome 鐵人賽

0
影片教學

150 分鐘學 React系列 第 31

第 30 天 [ 在 Github 上傳 React 、在 codesandbox 使用 React ]

  • 分享至 

  • xImage
  •  

今天的重點摘錄

  1. 上傳 Github 步驟:
    • 連進你的 Github 創建一個儲存庫(如果你已經做好,可以跳過這步)
    • 創建你的 React 專案(如果你已經做好,可以跳過這步)
    • 安裝 gh-pages package : npm install gh-pages --save-dev
    • 在 package.json 加上幾行:
      "homepage": "https://username.github.io/repo-name",
      "predeploy": "npm run build",
      "deploy": "gh-pages -d build",
    • 使用 git remote 將本地端連上遠端(如果你已經連接過,可以跳過這步):git remote add origin https://username.github.io/repo-name.git
    • 在終端機輸入此指令 npm run deploy (若要自己設定 commit message 輸入: npm run deploy -- -m "Deploy React app to GitHub Pages")
    • 在 Github 的設定把預設分支設成 gh-pages 並把儲存庫設為公開
  2. Code Sandbox 網址: https://codesandbox.io/
  3. 在 Code Sandbox 開啟 React Emmet 的方法:右上角點點點 / Preference / 搜尋 emmet 並在 includeLanguages 加入 "javascript": "javascriptreact" (必須在副檔名是 .jsx 時才適用)

Github

Yes


上一篇
第 29 天 [ useReducer & useContext ]
系列文
150 分鐘學 React31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言